<script setup>
import { onMounted, ref, useTemplateRef } from 'vue'
const textInput = useTemplateRef('textInput')
const textInput2 = useTemplateRef('textInput2')
function handleCreate() {
  const inp = document.createElement('input')
  inp.type = 'text'
  inp.name = 'text'
  inp.value = 'text'
  document.body.appendChild(inp)
  setTimeout(() => {
    inp.remove()
  }, 1000)
}
onMounted(() => {})
</script>
<template>
  <div class="wrapper">
    <input type="text" name="text" value="text" ref="textInput" />
    <input type="text" name="text" value="text" ref="textInput2" />
    <button @click="handleCreate">create</button>
  </div>
</template>
<style lang="scss" scoped></style>
